<!--<script setup>-->
<!--import { ref } from 'vue'-->
<!--const count = ref(0)-->
<!--const load = () => {-->
<!--  count.value += 2-->
<!--}-->

<!--</script>-->

<!--<template>-->
<!--  <el-main>-->
<!--    <div class="center-wrapper" style="width: 1000px">-->
<!--      <ul v-infinite-scroll="load" class="infinite-list" style="overflow: auto;width: 1000px">-->
<!--        <li class="infinite-list-itemTitle" style="width: 1000px">聊天框</li>-->
<!--        <li v-for="i in count" :key="i" class="infinite-list-item">{{ i }}</li>-->
<!--      </ul>-->
<!--    </div>-->
<!--      <el-input v-model="input2" placeholder="Please input" style="margin: 0 10px;width: 1000px">-->
<!--        <template #append>-->
<!--          <el-button>发送</el-button>-->
<!--        </template>-->
<!--      </el-input>-->
<!--  </el-main>-->
<!--</template>-->

<!--<style scoped>-->
<!--.infinite-list {-->
<!--  height: 300px;-->
<!--  padding: 0;-->
<!--  margin: 0;-->
<!--  list-style: none;-->
<!--}-->
<!--.infinite-list .infinite-list-item {-->
<!--  display: flex;-->
<!--  align-items: center;-->
<!--  justify-content: center;-->
<!--  height: 50px;-->
<!--  background: var(&#45;&#45;el-color-primary-light-9);-->
<!--  margin: 0 10px;-->
<!--  color: var(&#45;&#45;el-color-primary);-->
<!--}-->
<!--.infinite-list-itemTitle {-->
<!--  display: flex;-->
<!--  align-items: center;-->
<!--  justify-content: center;-->
<!--  height: 50px;-->
<!--  background: var(&#45;&#45;el-color-primary);-->
<!--  margin: 0 10px;-->
<!--  color: var(&#45;&#45;el-color-primary-light-9);-->
<!--}-->
<!--.infinite-list .infinite-list-item + .list-item {-->
<!--  margin-top: 10px;-->
<!--}-->
<!--.center-wrapper {-->
<!--  display: flex;-->
<!--  justify-content: center;-->
<!--  align-items: center;-->
<!--}-->
<!--</style>-->